<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="../../estilos_2010.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../recursos/lightbox/css/jquery.lightbox-0.3.css" type="text/css" media="screen" />
<script type="text/javascript" src="../../recursos/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="../../recursos/lightbox/js/jquery.lightbox-0.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
	slider('#tira');
	$('#imagenes a').lightBox({fixedNavigation:true});
})
/* Aca se cambia el tiempo que tardan las imagenes en ir alternandose */
var duracionSlideFotos = 4000; //tiempo en milisegundos

function slideSwitch(id) {
    var $active = $('#imagenes img.active');
    if ( $active.length == 0 ) {
		active = $('#imagenes IMG:last');
	}
    var $next =  $active.next().length?$active.next():$('#imagenes IMG:first');
    $active.addClass('last-active');
	if ($('.galeria').eq(id).attr('src') != $active.attr('src')) {
    $('.galeria').eq(id).css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 300, function() {
            $active.removeClass('active last-active');
        });
	}
}
$(document).ready(function() {
	$('.slide img').click(function () {
		var id = $(this).attr('id');
		id = id.slice(3);
		slideSwitch(id-1);
	})
})
</script>
<title>Seminario sobre Ense&ntilde;anza, Educaci&oacute;n en Derecho y Planificaci&oacute;n estrat&eacute;gica - Institucional | Facultad de Derecho - Universidad de Buenos Aires</title>
</head>
<body>
<div id="content">
 
  <div class="cabecera">
   <?php require_once('../../include/inc_top.php'); ?>
 </div>
  <div style="padding-top:8px;"></div>
 <div class="contenido">
  <div class="sector"><?php require_once('../enc_menu/enc_sup_sec_institucional.php'); ?>  </div>
  <div style="padding-top:1px; background-color: black;"></div>


  <div style="padding-top:6px;"></div>
  <div class="arbol"><?php require_once('enc_menu/enc_sup_sub_ials.php'); ?></div>
  <div style="padding-top:2px; background-color: white;"></div>
 </div>

<div style="clear: both;"></div>
<div class="menu_izq">
  <?php require_once('enc_menu/men_index_ials.php'); ?>
  <div style="padding-top:2px; background-color: white;"></div>
    <div style="padding-top:2px; background-color: white;"></div>
    <div align="center"><a href="http://www.ialsnet.org/"><img src="img/logo-ials.jpg" width="177" height="69" alt="Logo IALS" ></a></div>
</div>
<div class="contenido_pagina-col2">
  <h1>Asociaci&oacute;n Internacional de Facultades de Derecho</h1>
  <h2>Seminario sobre Ense&ntilde;anza, Educaci&oacute;n en Derecho y Planificaci&oacute;n estrat&eacute;gica</h2>
  <h3>Plenary Session III</h3>
  <p>&nbsp;</p>
  <div id="contenedorGaleria">
  <div id="imagenes">
  	<a href="img/galeria8/img1_bg.jpg"><img src="img/galeria8/img1_gr.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="active galeria" /></a>
    <a href="img/galeria8/img2_bg.jpg"><img src="img/galeria8/img2_gr.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
    <a href="img/galeria8/img3_bg.jpg"><img src="img/galeria8/img3_gr.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
    <a href="img/galeria8/img4_bg.jpg"><img src="img/galeria8/img4_gr.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
    <a href="img/galeria8/img5_bg.jpg"><img src="img/galeria8/img5_gr.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
    <a href="img/galeria8/img6_bg.jpg"><img src="img/galeria8/img6_gr.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
    <a href="img/galeria8/img7_bg.jpg"><img src="img/galeria8/img7_gr.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
    <a href="img/galeria8/img8_bg.jpg"><img src="img/galeria8/img8_gr.jpg" alt="Imagen Facultad" name="Fotos" width="480" height="360" class="galeria" /></a>
    </div>
    <div id="tira">
        <div class="slideshow">
            <div class="slidesContainer">
                <div class="slide">
                    <img id="img1" src="img/galeria8/img1_ch.jpg" alt="img1" width="85" height="64" />
                    <img id="img2" src="img/galeria8/img2_ch.jpg" alt="img1" width="85" height="64" />
                    <img id="img3" src="img/galeria8/img3_ch.jpg" alt="img1" width="85" height="64" />
                    <img id="img4" src="img/galeria8/img4_ch.jpg" alt="img1" width="85" height="64" />
                </div>
                <div class="slide">
                    <img id="img5" src="img/galeria8/img5_ch.jpg" alt="img1" width="85" height="64" />
                    <img id="img6" src="img/galeria8/img6_ch.jpg" alt="img1" width="85" height="64" />
                    <img id="img7" src="img/galeria8/img7_ch.jpg" alt="img1" width="85" height="64" />
                    <img id="img8" src="img/galeria8/img8_ch.jpg" alt="img1" width="85" height="64" />
                </div>
            </div>
        </div>
    </div>
    </div>
  
  
</div>

<div class="cleaner"></div>
</div>
<div class="cleaner"></div>
        <div class="pie">
        <div style="padding-top:2px; background-color: white;"></div>
         <?php require_once('../../include/inc_pie.php'); ?>

</div>
</body>
</html>
